.nav_bar {
    display: flex;
    justify-content: space-between;

    .nav_left {
        display: flex;
    }

    .el-menu--horizontal {
        border: none !important;
    }

    .logo {
        display: flex;
        align-items: center;
        height: 60px;
        margin-right: 20px;

        img {
            height: 70%;
            cursor: pointer;
        }
    }

    .user {
        display: flex;
        align-items: center;

        .message {
            margin-right: 20px;
        }
    }

    .user_login {
        line-height: 60px;
        display: flex;

        .login_btn {
            height: 42px;
        }

        .btn_contain {
            height: 60px;

            .fw-a {
                font-weight: 800;
                color: white;
            }

            >div {
                height: 60px;
            }
        }
    }

}

.dropdown {
    text-align: center;
}

.name_info {
    max-width: 200px;
    overflow: hidden;
}

.unfold {
    display: none;
}

@media screen and (max-width : 650px) {
    .el-menu-demo {
        display: none;
    }

    .unfold {
        height: 100%;
        width: 97px;
        display: flex;
        align-items: center;

        i {
            font-size: 30px;
            color: rgba(29, 32, 136, .8);
        }
    }

}

.drawer_ul {
    width: 80%;
    margin: 0 auto;

    li {
        font-size: 20px;
        width: 100%;
        height: 17px;
        color: rgb(66, 61, 61);
        margin: 20px 0;
        padding-bottom:25px ;
        border-bottom: 1px solid #cccaca;
        &:hover{
            color: rgb(94, 87, 87);
            cursor: pointer;
            border-bottom: 1px solid #4b4949;
        }
    }
}